@if(count($topics))
    <ul class="list-group">
        @foreach($topics as $topic)
        <li class="list-group-item  border-start-0 border-end-0 d-flex justify-content-start align-items-center
        @if($loop->first)
            border-top-0
        @endif
        ">
            <a class="flex-grow-1 text-decoration-none text-success pe-1" href="">{{$topic->title}}</a>
            <small class="d-flex justify-content-center align-items-center text-secondary" style="min-width: max-content;">
                <span>{{$topic->reply_count}}&nbsp;回复</span>
                <span> &nbsp;•&nbsp; </span>
                <span>{{$topic->created_at->diffForHumans()}}</span>
            </small>
        </li>
        @endforeach
    </ul>
@else
    <div class="p-4 text-center text-secondary">
        暂无数据!
    </div>
@endif

<div class="p-2 mt-2 d-flex justify-content-end">
    {!! $topics->render() !!}
</div>
